<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@include file="../common/jspcommon.jsp"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>${info.title } - 爽客网</title>
<meta content="${info.keywords }" name="keywords" />
<meta content="${info.summary }" name="description" />
<link href="../../css/base/reset.css" type="text/css" rel="stylesheet" />
<link href="../../css/base/base.css" type="text/css" rel="stylesheet" />
<link href="../../css/base/hf_sk.css" type="text/css" rel="stylesheet" />
<link href="../../css/content.css" type="text/css" rel="stylesheet" />
<script src="../../js/jquery-1.7.2.min.js" type="text/javascript"></script>
<script src="../../js/interfacejs.js" type="text/javascript"></script>
<!--[if ie]><script src="../../js/common/iepng.js" type="text/javascript"></script><![endif]-->
<!--[if ie 6]><link href="../../css/jrIE6.css" type="text/css" rel="stylesheet"><![endif]-->
<!--[if ie]><link href="../../css/jrIE.css" type="text/css" rel="stylesheet"><![endif]-->
</head>

<body>
	<!-- head -->
	<%@include file="../common/header.jsp" %>
    <!-- header-->
    
    <!-- secnav-->
    <!-- <div class="w100p">
    	<div class="w980 mg">
        	<div class="g_secnav">
            	<span>你当前所在的位置</span>
                <a href="#">旅游攻略</a>
                <a href="#">澳门最新旅游攻略 澳门新玩法：走街串巷逛澳门</a>
            </div>
        </div>
    </div> -->
    <!-- secnav--end-->
    
    <!-- content-->
    <div class="w100p">
		<div class="w980 mg mt10 clearfix">
        
        	<!-- left -->
        	<div class="in_left_box">
            	<div class="inside_box">
                	<h1>${info.title }</h1>
                    <span class="author"><i>${info.author }</i> 发表于 <i><fmt:formatDate pattern="yyyy-MM-dd HH:mm:ss" value="${info.releaseTime }" /></i>，来源：${info.source }</span>
                    <span class="comment">已有<i>${info.views }</i>次浏览<%-- ， <i>${info.comments }</i> 条评论</span> --%>
                    <div class="tip">
                    	<div class="tip_data">
                        	<span>攻略导读：</span>
                            <p>${info.summary }</p>
                        </div>
                        <div class="tip_data in_key">
                        	<span>关键词：</span>
                            <p>${info.keywords }</p>
                        </div>
                    </div>
                    <div class="in_content">
                    	${info.content }
                    </div>
                    <div class="copy_declare_box">
                    	<p>
                        	版权申明： <br />① 本网转载其他媒体稿件是为传播更多的信息，此类稿件不代表本网观点，本网不承担此类稿件侵权行为的连带责任。<br /> 
② 在本网本稿发表言论者，不代表本网评论，文责自负。 <br />
③ 如您因版权等问题需要与本网联络，请在30日内联系guide_service#coolsk.com(发邮件时请将#改为@)。 
特别注意：本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有
                        </p>
                    </div>
                    <!--comment-box-->
                    <!-- <div class="in_comment_box">
                    	<div class="nums">已有0条评论</div>
                        <div class="spacing"></div>
                        <div class="body">
                        	<textarea></textarea>
                            <div class="yzm_box">
                            	<span>验证码：</span><input type="text" maxlength="8" /><img src="../../images/smallpic/yzm.jpg" />
                            </div>
                            <a href="#" class="sub_btn">
                            	发表评论
                            </a>
                        </div>
                    </div> -->
                    <!--comemnt-box--end-->
                </div>
            </div>
            <!-- left--end-->
            
            <!--right-->
            <div class="in_right_box">
            	<div class="in_gl_box">
                	<h2 class="title">官方攻略</h2>
                    <div class="gf_gl_box clearfix">
                    	<a href="${guanFangGongLue[0].hyperlink }" target="_blank" class="book_bg fl"><img src="${guanFangGongLue[0].picture }" width="85" height="120" class="block;"  /></a>
                        ${guanFangGongLue[0].content }
                    </div>
                </div>
                
                
                <div class="in_gl_box">
                	<h2 class="title">相关目的地推荐攻略</h2>
                    <ul class="sorts_li">
                    <c:forEach items="${tuiJianGongLue }" var="c">
                    	<li><a href="${c.hyperlink }" target="_blank">${c.titleText }</a></li>
                   	</c:forEach>
                    </ul>
                </div>
                
                <div class="in_gl_box">
                	<h2 class="title">最新发表攻略</h2>
                    <ul class="sorts_li">
                    <c:forEach items="${zuiXinGongLue }" var="c">
                    	<li><a href="${c.hyperlink }" target="_blank">${c.titleText }</a></li>
                   	</c:forEach>
                    </ul>
                </div>
                
                <div class="in_gl_box in_down">
                	<h2 class="title">
                    	热门下载
                    	<ul class="tabs">
                        	<li class="current">
                            	<a href="#">国内攻略</a>
                            </li>
                            <li>
                            	<a href="#">出境攻略</a>
                            </li>
                        </ul>
                    </h2>
                    <ul class="download_box">
                    <c:forEach items="${guoNeiGongLue }" var="c" varStatus="v">
                    	<li>
                            <div class="gl_info_box">
                            	<!-- <span class="edition">第三版</span> -->
                            	<a href="${c.hyperlink }" target="_blank" class="gl_name">${c.titleText }</a>
                            </div>
                        	<div class="gf_gl_box clearfix" <c:if test="${v.index>0 }">style="display:none;"</c:if>>
                    			<a href="${c.hyperlink }" target="_blank" class="book_bg fl"><img src="${c.picture }" class="block;"  /></a>
                                ${c.content }
                    		</div>
                        </li>
                    </c:forEach>
                    </ul>
                    <ul class="download_box" style="display:none;">
                    <c:forEach items="${chuJingGongLue }" var="c" varStatus="v">
                    	<li>
                            <div class="gl_info_box">
                            	<!-- <span class="edition">第三版</span> -->
                            	<a href="${c.hyperlink }" target="_blank" class="gl_name">${c.titleText }</a>
                            </div>
                        	<div class="gf_gl_box clearfix" <c:if test="${v.index>0 }">style="display:none;"</c:if>>
                    			<a href="${c.hyperlink }" target="_blank" class="book_bg fl"><img src="${c.picture }" class="block;"  /></a>
                                ${c.content }
                    		</div>
                        </li>
                    </c:forEach>
                    </ul>
                </div>
            </div>
            <!--right--end-->
            
        </div>
    </div>
    <!-- content--end-->
    
    <div class="foot_seperate"></div>
	    <!-- foot-->
	    <%@include file="../common/footer.jsp" %>
	    <!-- foot--end-->
</body>
</html>

